<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/WEB-INF/struts-tags.tld"%>
<%@ taglib uri="/comp" prefix="comp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>欢迎访问产品运营互动中心！</title>
		<%@ include file="/commons/include/head-meta.inc.jsp"%>
		<script type="text/javascript">
			
			$(document).ready(function(){
				$('#appSmsReqTypeID','#applyForm').selectOptionsUI('${appSms.reqType}');
				$('#appSmsReqImportanceID','#applyForm').selectOptionsUI('${appSms.reqImportance}');
				$('select[name="appSms.sercodeProperties"]','#applyForm').selectOptionsUI('${appSms.sercodeProperties}');
				$('select[name="appSms.bussChargeType"]','#applyForm').selectOptionsUI('${appSms.bussChargeType}');
				$('select[name="appSms.bussType"]','#applyForm').selectOptionsUI('${appSms.bussType}');
				$('input[name="appSms.sercodeTouser"]','#applyForm').checkBoxUI('${appSms.sercodeTouser}');
				$('#appSmsReqTypeID').change(function(){
					var typeValue=$(this).val();
					$('#appSmsDiv').html('');
					if(typeValue=='01'){
						$('#appSmsDiv').append($('#applyTemplate01').html());
					}else if(typeValue=='02'){
						$('#appSmsDiv').append($('#applyTemplate02').html());
						
					}else if(typeValue=='03'){
						$('#appSmsDiv').append($('#applyTemplate03').html());
					}
					f_frameStyleResize(self);
				});
				
			});
		
		</script>	
	</head>
	<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
	<form name="applyForm" id="applyForm" action="" method="post" enctype="multipart/form-data">
		<input type="hidden" id="isCommitId" name="isCommit" value=""/>
		<input type="hidden" name="flowTaskId" value="${taskView.procTranRecord.id }"/>
		<input type="hidden" name="procinstId" value="${taskView.procTranRecord.procinstId }"/>
		<table width="980" border="0" cellspacing="0" cellpadding="0"
			align="center">
			<tr>
				<td>
					<table width="100%" border="0" cellpadding="0" cellspacing="0" background="<s:url value="/images/new/gxzl_index_2.gif"/>">

						<tr>
							<td width="20" height="32">
								&nbsp;
							</td>
							<td width="20">
								<img src="<s:url value="/images/new/dq_dot.gif"/>" width="15" height="12" />
							</td>
							<td>
								当前位置：
								<font color="#003399">业务需求交互单</font>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td background="" class="leftbg">
					<table width="98%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#FFFFFF">
						<tr>
							<td width="20%" valign="top">
								<jsp:include page="inc/functionButonImprove.inc.jsp">
									<jsp:param name="formUrl" value="flowSms_commitApplyTask.action"/>
								</jsp:include>								
								<table width="96%" border="0" cellspacing="0" cellpadding="0"
									align="center" bgcolor="#FFFFFF">
									<tr>
										<td valign="top" align="center">
												<table width="100%" border="0" cellspacing="0"
													cellpadding="7" align="center" class=tablecolor2>
													<tr>
														<td background="<s:url value="/images/catalog_manage_bbs_3.gif"/>"
															colspan="4">
															<span style="margin-top: 0px; margin-left: 14px">
																<img src="<s:url value="/images/catalog_manage_12.gif"/>" width=13 height=13 alt="">
															</span>
															<strong>流程信息</strong>
														</td>
													</tr>
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right" class="STYLE2">
																当前状态：
															</div>
														</td>
														<td width="36%">${taskView.procTranRecord.processStep.name }</td>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																当前办理人：
															</div>
														</td>
														<td width="36%">${taskView.procTranRecord.transactor.name }
														</td>
													</tr>
													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																当前流程：
															</div>
														</td>
														<td colspan="3">${taskView.procTranRecord.processConfig.name }
														</td>
													</tr>
													<s:if test="#request.taskView.procTranRecord.state!='end'">
													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																<font color="red">*</font>下一步骤：
															</div>
														</td>
														<td colspan="3">															
															<jsp:include page="inc/nextNodeSetp.inc.jsp"></jsp:include>															
														</td>
													</tr>													
													
													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																<font color="red">*</font>办理意见：
															</div>
														</td>
														<td colspan="3">
															<textarea id="commentComtentID" name="commentComtent" style="width: 95%;height: 60px" dataType="Require" msg="必填">${taskView.procTranRecord.transactInfo }</textarea>
														</td>
													</tr>													
													</s:if>
													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																流程事项说明：
															</div>
														</td>
														<td colspan="3">${taskView.procTranRecord.processStep.flowExplain }
														</td>
													</tr>													

													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																处理时限说明：
															</div>
														</td>
														<td colspan="3">${taskView.procTranRecord.processStep.limitExplain }
														</td>
													</tr>													
													
													
												</table>								

												<table width="100%" border="0" cellspacing="0"
													cellpadding="7" align="center" class=tablecolor2>
													<tr>
														<td background="<s:url value="/images/catalog_manage_bbs_3.gif"/>"
															colspan="4">
															<span style="margin-top: 0px; margin-left: 14px">
																<img src="<s:url value="/images/catalog_manage_12.gif"/>" width=13 height=13 alt="">
															</span>
															<strong>基本信息</strong>
														</td>
													</tr>
													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																<font color="red">*</font>名&nbsp;&nbsp;&nbsp;&nbsp;称：
															</div>
														</td>
														<td colspan="3">
															<input type="text" name="appSms.reqTitle" maxlength="128" dataType="Require" msg="必填" style="width: 90%;" value="${appSms.reqTitle}" />
														</td>
													</tr>
													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																发 起 人：
															</div>
														</td>
														<td width="36%">
															<select name="appSms.applyUser" style="width:120px;display:none" id="startPersonId" dataType="Require" msg="必选">
																<option value="${appSms.applyUser}">${appSms.applyUserName}</option>
															</select>
															${appSms.applyUserName}
														</td>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																发起部门：
															</div>
														</td>
														<td width="36%">
															<input name="appSms.applyDept" type="hidden" value="${appSms.applyDept }" />
															${appSms.applyDeptName}
														</td>
													</tr>
													<tr>
														<td bgcolor="D6E3FA">
															<div align="right" class="STYLE2">
																需求单号：
															</div>
														</td>
														<td>
															<input type="text" name="appSms.reqCode" value="${appSms.reqCode}" class="input_nob" size="40" readonly />
														</td>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																发起时间：
															</div>
														</td>
														<td width="36%">
															<s:date name="appSms.opTime" format="yyyy-MM-dd" />
														</td>
													</tr>
													
													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																<font color="red">*</font>产品经理：
															</div>
														</td>
														<td width="36%">
															<select name="appSms.prodUser" style="width:180px" id="prodPersonId" dataType="Require" msg="必选">
																<option value="${appSms.prodUser}">${appSms.prodUserName}</option>
																<s:iterator value="#request.prodList">
																<option value="${id }">${name }</option>	
																</s:iterator>
															</select>
														</td>
														<td bgcolor="D6E3FA">
															<div align="right" class="STYLE2">
																产品部门：
															</div>
														</td>
														<td>${appSms.prodDeptName}</td>
													</tr>
													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																<font color="red">*</font>需求类别：
															</div>
														</td>
														<td width="36%">
															<select name="appSms.reqType" id="appSmsReqTypeID" dataType="Require" msg="必选">
																<option value="">--请选择--</option>
																<option value="01">短彩信服务代码接入申请</option>
																<option value="02">新业务接入申请</option>
																<option value="03">免鉴权通道申请</option>
															</select>
														</td>
														<td bgcolor="D6E3FA">
															<div align="right" class="STYLE2">
																重要性：
															</div>
														</td>
														<td>
															<select name="appSms.reqImportance" id="appSmsReqImportanceID">
																<option value="一般">一般</option>
																<option value="重要">重要</option>
																<option value="非常重要">非常重要</option>
															</select>
														</td>
													</tr>
													<tr>
														<td width="111" bgcolor="D6E3FA">
															<div align="right" class="STYLE2">
																附&nbsp;&nbsp;&nbsp;&nbsp;件：
															</div>
														</td>
														<td colspan="3">
															<jsp:include page="inc/taskDocList.inc.jsp"></jsp:include>																														
														</td>
													</tr>													
												</table>
												<div id="appSmsDiv">
													<s:if test="#request.appSms.reqType=='01'">
														<jsp:include page="appinc/smsApply01.inc.jsp"></jsp:include>
																																					
													</s:if>
													
													<s:if test="#request.appSms.reqType=='02'">
														<jsp:include page="appinc/smsApply02.inc.jsp"></jsp:include>
													</s:if>
													
													
													<s:if test="#request.appSms.reqType=='03'">
														<jsp:include page="appinc/smsApply03.inc.jsp"></jsp:include>
													</s:if>	
												</div>
												<table width="100%" border="0" cellspacing="0"
													cellpadding="7" align="center" class=tablecolor2>
													<tr>
														<td
															background="<s:url value="/images/catalog_manage_bbs_3.gif"/>"
															colspan="4">
															<span style="margin-top: 0px; margin-left: 14px"><img
																	src="<s:url value="/images/catalog_manage_12.gif"/>" width="13" height="13" alt="">
															</span>
															<strong>办理过程</strong>
														</td>
													</tr>
													
													<tr>
														<td>
															<jsp:include page="inc/taskDetailList.inc.jsp"></jsp:include>
														</td>
													</tr>
												</table>																								
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		</form>
		
		<div id="templateTable" style="display: none;">
			<jsp:include page="appinc/smsTemplate.inc.jsp"></jsp:include>
		</div>
	</body>
</html>